<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
  <head>
    <title>黑马办公教学办公平台</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
      <!--jquery 的文件-->
	<script type="text/javascript" src="../../js/jquery.min.js"></script>
	 <!--jquery easyUI 的主文件-->
	<script type="text/javascript" src="../../js/jquery.easyui.min.js"></script>
	<!--jquery easyUI 的主样式文件..-->
	<link type="text/css" rel="stylesheet" href="../../js/themes/default/easyui.css" >
	<!--jquery easyUI 的图标文件..-->
	<link type="text/css" rel="stylesheet" href="../../js/themes/icon.css" >
	<!--国际化文件-->
	<script type="text/javascript" src="../../js/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript">
		  
		  window.jQuery(document).ready(function(){
		  	
		  	   $("#work_tree").tree({
			   		url:"work_tree.json",
					onClick:function(node){
						var tabs=$("#center_tab").tabs("getTab",node.text);
						if(tabs==null){
							$('#center_tab').tabs('add',{    
							    title:node.text,    
							    href:"datagrid.html",  
							    closable:true  
							});  
						}else{
							$("#center_tab").tabs("select",node.text);
						}
						$("#center_tab").tabs({
							 onLoad:function(){
							 	$("#datagrid").datagrid({
						 	//从服务端获取数据...
						 	   	url:"../../carInfoServlet",
								fit:true,
								method:"POST",
								columns:[[    
									{field:'nuber',checkbox:true,width:100}, 
							        {field:'code',title:'车次',width:100},    
							        {field:'starttime',title:'出站时间',width:100},    
							        {field:'totaltime',title:'历时',width:100},
									{field:'swz',title:'商务座',width:100},
									{field:'tdz',title:'特等座',width:100},
									{field:'erdz',title:'二等座',width:100},
									{field:'wz',title:'硬座/无座',width:100},
									{field:'qita',title:'其它',width:100},    
									{field:'beizhu',title:'备注',width:100}      
							    ]],
								pageSize:20,
								onLoadSuccess:function(){
									$(".btn_b").linkbutton({    
									    iconCls: 'icon-cut'   
									});  
		
								},
								loadMsg:"正在加载数据，请稍后...",
								rownumbers:true,
								singleSelect:true,
								pagination:true,
								fitColumns:true,
								toolbar:[{
									iconCls: 'icon-add',
									text:"添加",
									handler:function(){
										$("#win_form").window({
											title:"添加用户",
											height:300,
											width:260,
											modal:true   
											
										})
									}
								},{
									iconCls:'icon-remove',
									text:"删除",
									handler:function(){
										
									}
								}]
								
						
				 				})
							 }
						})
						
						
					}
					
			   })
			
			//右下角提示信息..
			$.messager.show({
				title:'我的消息',
				msg:'消息将在5秒后关闭。',
				timeout:5000,
				width:300,
				height:200,
				showType:'slide'
			});

			
			
			
		  });
	</script>
	
	<style type="text/css">
		#userform div{
			padding:10px;
			
		}
		
	</style>
	
  </head>
 <body class="easyui-layout">   
    <div data-options="region:'north',title:'North Title',split:true" style="height:100px;">
	
	</div>   
    <div data-options="region:'south',title:'版权所有©2008-2015铁道部信息技术中心  中国铁道科学研究院',split:true" style="height:30px;"></div>   
	<div data-options="region:'west',title:'功能列表',split:true" style="width:230px;">
		<div id="according_west" data-options="fit:true" class="easyui-accordion" style="width:300px;height:200px;">   
			    <div title="协同办公平台" data-options="iconCls:'icon-save',selected:true" style="overflow:auto;padding:10px;">   
			       		<ul id="work_tree"></ul>
			    </div>   
			    <div title="即时通讯平台" data-options="iconCls:'icon-reload'" style="padding:10px;">   
			        content2    
			    </div>   
			    <div title="物业办公平台">   
			        content3    
			    </div>   
		</div>  
	</div>   
	
    <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div>   
    
    <div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;">
    <div id="center_tab" class="easyui-tabs" style="width:500px;height:250px;background:white" data-options="fit:true,">
        <div title="首页" style="padding:20px;display:none;">
			
        </div>
		</div>  
	</div>  
	<div id="win_form">	
				<form id="userform" method="post">   
				    <div>   
				        <label for="name"> 用户名:&nbsp;&nbsp;</label>   
				        <input class="easyui-validatebox" type="text" name="name" data-options="required:true" />   
				    </div>  
				    <div>   
				        <label for="email">邮箱地址:</label>   
				        <input class="easyui-validatebox" type="text" name="email" data-options="validType:'email'" />   
				    </div>   
					<div>   
				        <label for="email">所属部门:</label>   
				      	<select id="cc" class="easyui-combotree" style="width:155px;"   
       					 data-options="url:'../../page/tree/data.json',required:true"></select>   
				    </div>   
					<div>   
				        <label for="email">生&nbsp;&nbsp;日&nbsp;&nbsp;:</label>   
				        <input id="dd" type="text" class="easyui-datebox" required="required"></input>    
				    </div>   
					<br><br>
					&nbsp;&nbsp;<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'">确定</a>    
					&nbsp;&nbsp;
					<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'">取消</a> 
							
				</form>  
	</div>
	
	 
</body>  
</html>
